<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
	
	<div id="DireccionFragment" th:fragment="DireccionFragment">
		<winter:output id="DireccionOutput">
			<winter:output id="mainDireccionOutput">
				<winter:row padded="true">
					<winter:ajaxsubmit 
						id="@{'AgregarDireccion'}"
						form="PersonasForm"
						url="@{'/personas/addDireccion'}" 
						update="DialogOutput, DomicilioCrearDiV"
						value="Agregar Direccion"
						object="personas"
						showstatus="true"
						class="btn btn-cyan"
						oncomplete="@{'Winter.ui.OpenDialog(\'DomicilioDialog\')'}"
						immediate="true">
					</winter:ajaxsubmit>
					<!-- <winter:ajaxlink id="@{'AgregarDireccion'}" form="PersonasForm"
						url="@{'/personas/addDireccion'}" update="DialogOutput"
						title="Agregar Direccion" tip="true"
						image="/images/icons/commons/button_add.png" object="personas"
						oncomplete="@{'Winter.ui.OpenDialog(\'DomicilioDialog\')'}"
						immediate="true">
					</winter:ajaxlink> -->
				</winter:row>
				<winter:datatable id="listaDirecciones" customLanguage="true"
					paginate="true" jQuery="true" retrieve="true"
					emptyTableText="No se encontraron Datos!"
					infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
					emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
					searchText="Buscar" lengthMenu="Mostrar _MENU_ registros">
					<thead>
						<tr>
							<th th:text="@{'Tipo'}"></th>
							<th th:text="@{'Calle Principal'}"></th>
							<th th:text="@{'Numero'}"></th>
							<th th:text="@{'Calle Alternativa'}"></th>
							<th th:text="@{'Piso'}"></th>
							<th th:text="@{'Unidad'}"></th>
							<th th:text="@{'Departamento'}"></th>
							<th th:text="@{'Distrito'}"></th>
							<th th:text="@{'Principal?'}"></th>
							<th th:text="@{'Activo?'}"></th>
							<th th:text="@{'Operaciones'}"></th>
						</tr>
					</thead>
					<tbody>
						<tr th:each="dire, dirRowStat : ${personas.persona.domicilios}">
							<td th:text="${dire.tipo.descripcion}"></td>
							<td th:text="${dire.callePrincipal}"></td>
							<td th:text="${dire.numero}"></td>
							<td th:text="${dire.calleAlternativa}"></td>
							<td th:text="${dire.piso}"></td>
							<td th:text="${dire.unidad}"></td>
							<td th:text="${dire.departamento.nombre}"></td>
							<td th:text="${dire.distrito.nombre}"></td>
							<td th:text="${personas.descEstado(dire.principal)}"></td>
							<td th:text="${personas.descEstado(dire.activo)}"></td>
							<td><winter:ajaxlink
									id="@{'EditarDir'+${dirRowStat.index}}" form="PersonasForm"
									url="@{'/personas/editarDomicilio/'+${dirRowStat.index}}"
									update="PersonaInfoTabsOutput, DialogOutput" title="Editar"
									object="personas" class="ajax-submit icon-edit-sign icon-2x"
										immediate="true" tip="true"
									oncomplete="@{'Winter.ui.OpenDialog(\'DomicilioDialog\')'}"
									showstatus="true">
								</winter:ajaxlink> <winter:ajaxlink id="@{'EliminarDir'+${dirRowStat.index}}"
									form="PersonasForm"
									url="@{'/personas/deleteDomicilio/'+${dirRowStat.index}}"
									update="PersonaInfoTabsOutput" title="Eliminar" tip="true"
									object="personas" class="ajax-submit icon-remove-sign icon-2x"
									effect="fade" immediate="true" showstatus="true"
									showstatuselement="true" confirmationrequired="true"
									confirmationtext="Está seguro que desea realizar la operación?">
								</winter:ajaxlink></td>
						</tr>
					</tbody>
				</winter:datatable>
			</winter:output>
		</winter:output>
	</div>
</html>